var htmlwp = require('html-webpack-plugin');

module.exports = {
    entry: './src/main.js', //指定打包的入口文件
    output: {
        path: __dirname + '/dist', //注意：webpack1.14.0要求这个路径是一个绝对路径
        filename:'build.js'
    },
    module:{
        loaders:[
            {
                test: /\.css$/,     //打包 .css文件
                loader: 'style-loader!css-loader'
            },
            {
                test: /\.scss$/,     //打包 .scss文件
                loader: 'style-loader!css-loader!sass-loader'
            },
            {
                test: /\.less$/,     //打包 .less文件
                loader: 'style-loader!css-loader!less-loader'
            },
            {
                test: /\.(png|jpg|gif|ttf)$/,     //打包 url请求的资源文件
                loader: 'url-loader?limit=20000'  //limit表示图片的大小20k是临界值，小于40k的图片均被打包到build.js中去，请求图片会很快
            },
            {
                test: /\.js$/,    //将.js文件中的es6语法转成es5语法
                loader:'babel-loader',
                exclude:/node_modules/
            },
            {
                test: /\.vue$/,    //解析.vue组件页面文件
                loader:'vue-loader'
            }
        ]
    },
    babel:{
        presets:['es2015'],     //配置将es6语法转换成es5语法
        plugins:['transform-runtime']
    },
    plugins:[
        new htmlwp({
            title:'首页',             //生成的页面标题<head><title>首页</title></head>
            filename:'index.html',    //webpack-dev-server在内存中生成的文件名称
            template:'index1.html'    //根据index1.html这个模板来生成
        })
    ]
}